<template>
	<view class="paymentZ">
		<u-navbar title="支付结果" :border-bottom="false" :custom-back="customBack"></u-navbar>
		<img src="../../static/cg.png" alt="" class="c1" />
		<view class="c2">支付成功</view>
		<view class="c3">
			支付金额：
			<view class="c">￥{{ ToPrice }}</view>
		</view>
		<view class="c4" @click="orderDetails">返回首页</view>
		<view class="c4 c5" @click="rgOrder">广告订单</view>
		<view class="c6">如有疑问咨询对接的商务经理</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			ToPrice: 0
		};
	},
	onLoad(option) {
		this.ToPrice = option.ToPrice;
	},
	methods: {
		customBack() {
			uni.navigateBack({
				delta: 2
			});
		},
		rgOrder() {
			uni.redirectTo({
				url: '/pages/advertisement_order/advertisement_order'
			});
		},
		orderDetails() {
			uni.navigateTo({
				url: '/pages/home/home'
			});
		}
	}
};
</script>

<style lang="scss">
.paymentZ {
	text-align: center;
	.c1 {
		margin-top: 40px;
		width: 51.93px;
		height: 51.93px;
		background: rgba(255, 67, 73, 1);
		border-radius: 50%;
	}
	.c2 {
		margin-top: 30px;
		font-size: 20px;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}
	.c3 {
		font-size: 20px;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 11px;
		.c {
			color: rgba(246, 83, 50, 1);
		}
	}
	.c4 {
		width: 302px;
		height: 42px;
		border-radius: 98px;
		background: rgba(255, 67, 73, 1);
		border: 1px solid rgba(255, 67, 73, 1);
		box-shadow: 0px 6px 14px rgba(255, 67, 73, 0.14);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		font-weight: 400;
		color: rgba(255, 255, 255, 1);
		margin: 15px auto 0 auto;
	}
	.c5 {
		background: none;
		box-shadow: none;
		border: 1px solid rgba(119, 119, 119, 0.5);
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		font-weight: 400;
		color: rgba(119, 119, 119, 1);
	}
	.c6 {
		margin-top: 10px;
		font-size: 12px;
		font-weight: 400;
		color: rgba(119, 119, 119, 1);
	}
}
</style>
